<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员中心</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/Member-Center.css">
</head>

<body>
    <!-- 顶部开始 -->
    <div class="top">
        <div class="wapper">
            <p>欢迎光临
                <span><a href="../html/index.html">乐购</a></span>
                ，请 <a href="../html/register.html">&nbsp; 登录</a> \
                <span><a href="../html/login.html">注册</a></span>
            </p>
        </div>
    </div>
    <!-- 顶部结束 -->

    <!-- 导航栏开始 -->
    <div class="navigation-bar wapper clearfix">
        <img src="../images/11-会员中心（首页）_02.jpg" alt="">
        <h3>乐我所乐，我的VIP！</h3>
        <p>
            <a href="../html/index.html">首页</a>
            <a href="">我的订单</a>
            <a href="../html/Member-Center.html">会员特权</a>
        </p>
    </div>
    <!-- 导航栏结束 -->

    <!-- 海报区域开始 -->
    <div class="banner clearfix">
        <div class="wapper">
            <!-- 左边的盒子 -->
            <div class="banner-left">
                <p>会员每日特权</p>
                <ul>
                    <li class="clearfix">
                        <div class="bll">
                            <h6>天天领乐豆</h6>
                            <p>每天可领 <span>15</span> 乐豆</p>
                            <p>每天10：00-21：00</p>
                        </div>
                        <img src="../images/11-会员中心（首页）_07.jpg" alt="">
                    </li>

                    <li class="clearfix">
                        <div class="bll">
                            <h6>大乐豆</h6>
                            <p>100乐豆</p>
                            <p>赢iPhone</p>
                        </div>
                        <img src="../images/11-会员中心（首页）_17.jpg" alt="">
                    </li>

                    <li class="clearfix">
                        <div class="bll">
                            <h6>会员PLUS</h6>
                            <p>开放体验</p>
                            <p>尊享权限</p>
                        </div>
                        <img src="../images/11-会员中心（首页）_25.jpg" alt="">
                    </li>
                </ul>
            </div>

            <!-- 中间的轮播 -->
            <div class="banner-middle">
                <div class="slideshow">
                    <div class="imgs">
                        <img class="show" src="../images/1.jpg" alt="">
                        <img src="../images/2.jpg" alt="">
                        <img src="../images/3.jpg" alt="">
                        <img src="../images/4.jpg" alt="">
                        <img src="../images/5.jpg" alt="">
                        <img src="../images/6.jpg" alt="">
                    </div>
                    <p>
                        <a class="select"></a>
                        <a></a>
                        <a></a>
                        <a></a>
                        <a></a>
                        <a></a>
                    </p>
                    <span class="sl"></span>
                    <span class="sr"></span>
                </div>
            </div>

            <!-- 右边的盒子 -->
            <div class="banner-rigth">
                <ul>
                    <li class="clearfix">
                        <a href="../html/register.html">
                            <img src="../images/11-会员中心（首页）_03.jpg" alt="">
                            <div>
                                <p>立即登陆</p>
                                <p>查看你的特权</p>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <img src="../images/11-会员中心（首页）_10.jpg" alt="">
                        <p>我的乐豆： --</p>
                    </li>
                    <li class="clearfix">
                        <img src="../images/11-会员中心（首页）_13.jpg" alt="">
                        <p>我的优惠券： --</p>
                    </li>
                    <li>
                        <img src="../images/11-会员中心（首页）_19.jpg" alt="">
                    </li>
                    <li>
                        <p>请<a href="../html/register.html">登陆</a>查看</p>
                    </li>
                    <li>
                        <img src="../images/11-会员中心（首页）_23.jpg" alt="">
                    </li>
                    <li>
                        <p>请<a href="../html/register.html">登陆</a>查看</p>
                    </li>

                </ul>

            </div>
        </div>
    </div>
    <!-- 海报区域结束 -->

    <!-- PLUS专享开始 -->
    <div class="plus">
        <div class="wapper">
            <ul class="clearfix">
                <li>
                    <h6>PLUS专享</h6>
                    <p>20元现金卡</p>
                </li>
                <li>
                    <h6>乐豆任务</h6>
                    <p>限时任务&emsp;领取</p>
                </li>
                <li>
                    <h6>勋章馆</h6>
                    <p>家居家装用户</p>
                </li>
                <li>
                    <h6>PLUS大礼包</h6>
                    <p>入会送150现金券</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- PLUS专享结束 -->

    <!-- 兑换卷开始 -->
    <div class="exchange wapper clearfix">
        <p>
            <span>1F&nbsp; 乐豆兑换券</span>
        </p>
        <ul>
            <!-- 1 -->
            <li class="clearfix">
                <a href="">
                    <img src="../images/13.jpg" alt="">
                    <img src="../images/11-会员中心（首页）_04.jpg" alt="">
                    <p>乐购旗舰店</p>
                    <p><span>减50</span>满200元可用</p>
                    <p>15乐豆兑换</p>
                </a>
            </li>
            <!-- 2 -->
            <li class="clearfix">
                <a href="">
                    <img src="../images/13.jpg" alt="">
                    <img src="../images/11-会员中心（首页）_04.jpg" alt="">
                    <p>乐购旗舰店</p>
                    <p><span>减50</span>满200元可用</p>
                    <p>15乐豆兑换</p>
                </a>
            </li>
            <script>
                for (let i = 1; i <= 8; i++) {
                    document.write(
                        `
                        <li class="clearfix">
                            <a href="">
                                <img src="../images/13.jpg" alt="">
                                <p>乐购旗舰店</p>
                                <p><span>减50</span>满200元可用</p>
                                <p>15乐豆兑换</p>
                            </a>
                        </li>
                        `
                    )
                }
            </script>

        </ul>
    </div>
    <!-- 兑换卷结束 -->

    <!-- 广告 -->
    <div class="streamer wapper">
        <img src="../images/11-会员中心（首页）_11.jpg" alt="">
    </div>

    <!-- 会员特价开始 -->
    <div class="exchange wapper clearfix">
        <p>
            <span>2F&nbsp; 会员特价</span>
        </p>
        <ul class="clearfix">
            <script>
                for (let i = 0; i < 10; i++) {
                    document.write(
                        `
              <li class="clearfix">
                  <a href="">
                      <img src="../images/13.jpg" alt="">
                      <img src="../images/11-会员中心（首页）_15.jpg" alt="">
                      <p>乐购旗舰店</p>
                      <p>消耗100乐豆</p>
                      <p>专享6折价格</p>
                  </a>
              </li>
              `
                    )
                }
            </script>

        </ul>
    </div>
    <!-- 会员特价结束 -->

    <!-- 会员特权开始 -->
    <div class="privilege wapper clearfix">
        <p>
            <span>3F&nbsp; 会员特权</span>
        </p>
        <ul class="clearfix">
            <li>
                <img src="../images/11-会员中心（首页）_01.jpg" alt="">
                <h5>首汽约车&emsp;完美体验！</h5>
                <p>价值20元现金卡，快来抢</p>
            </li>
            <li>
                <img src="../images/11-会员中心（首页）_21.jpg" alt="">
                <h5>酒仙网&emsp;10乐豆抢鸡尾酒！</h5>
                <p>抢兑鸡尾酒，超值体验</p>
            </li>
            <li>
                <img src="../images/11-会员中心（首页）_2.jpg" alt="">
                <h5>山口山战战记</h5>
                <p>PLUS特权礼拜&emsp;698宝石送不停！</p>
            </li>
        </ul>
    </div>
    <!-- 会员特权结束 -->

    <!-- 魔兽世界 -->
    <div class="placard wapper">
        <img src="../images/11-会员中心（首页）_28.jpg" alt="">
    </div>


    <!-- 底部开始 -->
    <!-- 正规渠道开始 -->
    <div class="channel">
        <div class="wapper">
            <img src="../images/222_11.png" alt="">
            <img src="../images/222_13(1).png" alt="">
            <img src="../images/222_15.png" alt="">
            <img src="../images/222_17.png" alt="">
        </div>
    </div>
    <!-- 正规渠道结束 -->

    <!-- 购物指南开始 -->
    <div class="guide wapper">
        <div class="type">
            <ul class="clearfix">
                <li>
                    <p>购物指南</p>
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="">会员优惠</a>
                </li>
                <li>
                    <p>支付方式</p>
                    <a href="">货到付款</a>
                    <a href="">网上支付</a>
                    <a href="">礼品卡支付</a>
                    <a href="">银行转帐</a>
                </li>
                <li>
                    <p>订单服务</p>
                    <a href="">订单配送查询</a>
                    <a href="">订单状态说明</a>
                    <a href="">自助取消订单</a>
                    <a href="">自助修改订单</a>
                </li>
                <li>
                    <p>退换货</p>
                    <a href="">退换货政策</a>
                    <a href="">自助申请退换货</a>
                    <a href="">退换货进度查询</a>
                    <a href="">退款方式和时间</a>
                </li>
                <li>
                    <p>商家服务</p>
                    <a href="">商家中心</a>
                    <a href="">运营服务</a>
                    <a href="">加入尾品汇</a>
                </li>
            </ul>
        </div>
        <img src="../images/logo_00.png" alt="">
    </div>
    <!-- 购物指南结束 -->

    <!-- 公司简介开始 -->
    <div class="synopsis wapper">
        <p>
            <span>公司简介</span>|
            <span>Investor Relations</span>|
            <span>网站联盟</span>|
            <span>乐购招商</span>|
            <span>机构销售</span>|
            <span>手机乐购</span>|
            <span>官方Blog</span>|
            <span>热词搜索</span>
        </p>
        <p>Copyright&emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights Reserved</p>
    </div>
    <!-- 公司简介结束 -->
    <!-- 底部结束 -->









    <script src="../lib/jquery.js"></script>
    <script src="../js/Member-Center.js"></script>
</body>

</html>